<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>哔哩哔哩 (゜-゜)つロ 干杯~-bilibili</title>
</head>
<body>
  <!--
      <h1-h6>:标题,<h1>是一级标题 <h2>是二级标题,最多到6级标题
              标题独占一行
      <center>:现在已经不再建议使用这个标签了,后期都是使用CSS控制页面中的组件位置
               该标签可以让包含在它之内的组件居中显示

      <input>:输入组件,组件的样式由属性type决定
              type常见的值:
              text:文本框
              password:密码框
              button:按钮
              submit:提交按钮(表单使用)

              radio:单选框           单选框与复选框需要使用name属性分组,
              checkbox:复选框        名字相同的为一组,尤其单选框,一组的才会互斥

      <a>:超链接，标签中间的文本就是超链接上提示的文字，href属性用于指定点击超链接后
                跳转的路径。

      <br>:换行

      <table>:表格。属性border用于指定边框。
                    <table>标签中包含<tr>标签用于表示行
                    <tr>标签中包含<td>标签用于表示列
                    <td>标签中常见属性:
                    align:对其方式。left左对齐,right右对齐,center剧中对其
                    colspan:跨列合并列，合并是从左向右合并列
                    rowspan:跨行合并列，合并是从上向下合并列
   -->
  <center>
      <h1>来将可留姓名</h1>
      <input type="text" size="32">
      <input type="button" value="百度一下" onclick="alert('点你妹呀!')"><br>
      <input type="radio" name="gender">男  <input type="radio" name="gender">女<br>
      <!--
            访问当前首页,在浏览器地址栏的路径:
            http://localhost:8080/index.html
                   ^^^^^^^^^^^^^^
                   定位主机地址信息

            http://localhost:8080/index.html
                                 ^^^^^^^^^^^
                                 资源的抽象路径

           资源抽象路径最开始的"/",SpringBoot默认的配置是从static目录下根据该路径定位资源
           http://localhost:8080/index.html
                                ^
                             static目录

          在超链接中,如果我们定位的是本网站的其它资源时,href中指定路径通常从"/"开始,这里的
          "/"就是URL中资源抽象路径中最开始的"/"
          意味着,当我们指定超链接:
          <a href="/reg.html">注册</a>
          浏览器实际理解的路径全称:
          http://localhost:8080/reg.html
          ^^^^^^^^^^^^^^^^^^^^^
          会沿用请求index.html地址
       -->
      <a href="/reg.html">注册</a>
      <a href="/login.html">登录</a>
      <a href="/writeArticle.html">发表文章</a><br>
      <a href="/userList">用户列表</a>
      <a href="/articleList">文章列表</a><br>
      <a href="http://www.taobao.com">淘宝</a><br>
      <table border="1">
          <tr>
            <td>第一列</td>
            <td colspan="2" align="center">第二列</td>
          </tr>
          <tr>
            <td rowspan="2">第一列</td>
            <td>第二列</td>
            <td>第三列</td>
          </tr>
          <tr>
            <td>第二列</td>
            <td>第三列</td>
          </tr>
      </table>


  </center>

</body>
</html>